<template>
  <div >

	<!-- 列表页 -->
	<div v-show="gridListVisible">
	  <div class="app-container calendar-list-container">
		<!--搜索-->
      <div class="filter-container">
          <el-form  :model="queryParam" label-position="left"  label-width="60px"  >
          <el-row>
            <el-col  :span="8" class="form-view-col search-view-col" style="">
              <el-form-item label="名称" placeholder="请输入名称" prop="name"  label-width="40px">
                <el-input v-model="queryParam.name"></el-input>
              </el-form-item>
            </el-col>
          <el-col :span="2" style="padding-left:20px">
              <div>
                  <el-button @click="handleSearch" class="filter-item search-op-btn" size="medium" type="primary" v-waves icon="el-icon-search" >搜索</el-button>
              </div>
          </el-col>
          <el-col  :span="8" class="form-view-col search-view-col" style="" >
            <el-form-item label="查询子节点" placeholder="请选择是否查询子节点" prop="isQueryChild" label-width="90px" >
              <el-switch v-model="queryParam.isQueryChild"></el-switch>
            </el-form-item>
          </el-col>
        </el-row>
        </el-form>
        <div style="width: 100%;float: left;">
            <el-button @click="toDrawListBySelected" class="filter-item op-btn" size="mini"  type="primary">编辑画布</el-button>
            <el-button @click="toCreate" class="filter-item op-btn" size="mini"  type="primary">新建</el-button>
            <el-button @click="toEditBySelected" class="filter-item op-btn" size="mini"  type="primary">编辑</el-button>
            <el-button @click="batchDelete" class="filter-item op-btn" size="mini"  type="primary">删除</el-button>
        </div>
      </div>

		<table-grid  @sort-change="handSort" @filter-change="handleFilter"
					   @selection-change="selectionChange" :query-list="queryGridData"
					   :columns="columns" :data="gridData" :total="gridTotal" :loading="gridLoading" >
		</table-grid>
   	 </div>
   </div>

		<!-- 编辑组件 -->
		<div  v-show="editDialogVisible">
		  <drawInfo-edit :ref="editFormId" :changeDialogVisible="changeEditDialogVisible"  :columnId="columnId"
					 @gridReload="closeDialogAndSearch">
		  </drawInfo-edit>
		</div>


		<div  v-show="viewDialogVisible">
		  <!-- <drawInfo-view :ref="viewFormId" :changeDialogVisible="changeViewDialogVisible">
		  </drawInfo-view> -->
		</div>


    <!-- 画布编辑 -->
    <div  v-show="drawListVisible" >
      <!-- <draw-editor
          :id="curId" :name="selectedName" >
      </draw-editor> -->
    </div>

  </div>
</template>

<script src="./DrawInfoList.js"></script>
